<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
 	<title>OEB-Column-Number Test</title>
    <style type="text/css">
       .twocol {oeb-column-number: 2;}
       .threecol {oeb-column-number: 3;}
       .fourcol {oeb-column-number: 4;}
    </style>
  </head>
  <body>
	<h2>Testing property: <i>oeb-column-number</i> with values 2, 3 and 4</h2>
    <h3>There should be a page with two columns, another with three and one with four.</h3>
    <div class="twocol">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis diam ac massa elementum porttitor. Quisque at ipsum. Duis congue condimentum sem. Morbi pulvinar orci ac neque. Praesent convallis gravida dui. Sed egestas. Nunc ut libero. Vestibulum malesuada elit ac sem. Integer diam ipsum, posuere eget, tincidunt non, porta nec, mauris. Suspendisse in velit vel magna iaculis condimentum. Pellentesque placerat placerat velit. Mauris id eros quis augue interdum pretium. Duis iaculis libero in risus.</p>
      <p>Donec non mauris eu dolor viverra euismod. Praesent molestie. Praesent laoreet magna et nulla. Suspendisse gravida mauris sit amet nunc. Fusce nec augue. Duis faucibus. Duis augue arcu, dictum ac, tristique quis, faucibus semper, ligula. Quisque venenatis turpis in sem. Sed ac diam non dolor hendrerit posuere. Morbi at odio. Fusce eu velit quis nisi malesuada tincidunt. Praesent elementum lacus id orci. Curabitur elit lectus, ornare at, dignissim eu, convallis at, enim.</p>
      <p>Mauris nibh. Cras enim risus, pharetra ut, iaculis nec, sagittis eget, risus. Pellentesque molestie. Aenean consectetur dignissim turpis. Nam sit amet velit in risus volutpat scelerisque. Suspendisse nec elit sit amet lacus luctus egestas. Maecenas in enim. Pellentesque luctus leo sed risus. Praesent in felis quis mi feugiat tincidunt. Praesent eget ligula.</p>
      <p>Praesent aliquam mauris nec velit. Etiam malesuada. Nulla eget velit ut urna sodales pharetra. Nunc porttitor auctor quam. Suspendisse tempor. Cras faucibus aliquam quam. Sed vel justo. Fusce elementum interdum risus. Ut tincidunt aliquet dui. Sed cursus dapibus justo. Pellentesque luctus lectus eget orci. Fusce ligula enim, eleifend luctus, venenatis non, vulputate rutrum, ante. Nullam semper. Nullam sollicitudin. Aenean luctus ante ut neque. Suspendisse auctor nulla ac mauris. Pellentesque fringilla. Donec a enim. Proin eu dui ultricies erat sollicitudin iaculis. Cras eget ligula.</p>
      <p>Morbi nec tellus lacinia nibh pretium congue. Nunc tristique iaculis lectus. Cras nisi urna, mollis nec, aliquam id, facilisis at, massa. Duis fringilla justo eget ipsum. Suspendisse tempor justo nec neque. Integer dictum ornare diam. Morbi tortor eros, viverra ut, euismod sed, cursus vitae, magna. Quisque nisi. Sed consectetur adipiscing libero. Nam sollicitudin enim nec erat auctor ultricies. Praesent bibendum tortor nec felis. Praesent molestie lobortis augue. Curabitur volutpat faucibus est. </p>
    </div>
    <h3>Page with three columns<br/>
	  (actually, one column is also allowed)</h3>
    <div class="threecol"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo massa, posuere vitae, rutrum at, tempor sit amet, neque. Integer justo lorem, bibendum non, suscipit ut, lacinia vel, risus. Pellentesque condimentum. Proin eleifend rhoncus sem. Proin sit amet lacus. Mauris sagittis fringilla massa. Duis massa. In hac habitasse platea dictumst. Sed porta lobortis quam. Mauris ornare, dui et mollis laoreet, magna felis molestie odio, et mattis eros lectus a erat. Suspendisse volutpat vulputate pede. In lobortis, orci nec suscipit imperdiet, turpis eros ornare nibh, mollis scelerisque lacus tellus ac tellus. Duis leo quam, eleifend dictum, pulvinar in, tempus in, pede. Cras dapibus arcu eget odio. Donec lacinia turpis ac purus. Maecenas dictum auctor pede. Mauris mi tortor, fringilla et, tincidunt vitae, sagittis a, tortor. Nullam odio.</p>
      <p>Praesent cursus, urna in consequat pulvinar, felis nulla consequat est, sit amet porttitor lectus mi et felis. Sed pharetra congue mi. Nulla facilisi. Proin dictum, mauris non pharetra cursus, tellus sem imperdiet purus, a vestibulum orci velit sed leo. Vestibulum ultrices, nibh quis congue commodo, ante lorem convallis velit, non aliquam erat risus pellentesque tortor. Cras fringilla lorem faucibus odio. Fusce venenatis, ligula non semper pharetra, nisl urna bibendum lectus, sed consequat massa justo sit amet eros. Vestibulum aliquet. Mauris commodo egestas nulla. Cras non eros. Sed cursus erat sit amet sem.</p>
      <p>Nulla aliquam. Aliquam eget massa. Suspendisse porta. Vestibulum sit amet lectus. Nam condimentum lectus ut neque fermentum bibendum. Integer lacinia vehicula magna. Nullam bibendum gravida velit. Pellentesque aliquet tellus quis nisi. Nunc sagittis mi fermentum tellus malesuada molestie. Nulla lorem. Sed eleifend. Aliquam in leo vel sapien molestie mattis. Nunc pharetra ullamcorper arcu. Aenean lorem risus, bibendum scelerisque, suscipit in, rutrum ut, nulla. Aliquam mattis quam sed dolor.</p>
      <p>Aenean vestibulum enim non ipsum. Nulla ipsum elit, mollis at, rutrum at, luctus vitae, urna. Aliquam sed arcu. Vivamus nec ligula. Curabitur adipiscing vulputate lacus. In sodales enim sit amet nisl. Integer pede. In vel eros. Maecenas auctor enim et justo. Duis ac velit varius enim commodo pulvinar. Vivamus turpis mauris, volutpat vitae, euismod eleifend, imperdiet at, dolor.</p>
      <p>Vestibulum consequat pharetra ligula. Vestibulum metus tortor, vestibulum in, commodo at, viverra vulputate, nulla. Aenean consectetur tempus nulla. Nulla erat sem, rutrum sit amet, auctor in, rhoncus congue, pede. Nam eget pede. In blandit, enim ut placerat consequat, leo odio pellentesque turpis, vitae posuere purus enim vitae enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer tempus dui convallis quam. Curabitur ut nibh. Vivamus urna enim, gravida ac, varius vel, pharetra sed, neque. Quisque ultrices enim sed purus. Vivamus posuere. Nam quis nisi vel ante congue auctor. Etiam et leo quis justo cursus eleifend.</p>
    </div>
    <h3>Page with four columns<br/>
	(actually, one column is also allowed)</h3>
    <div class="fourcol">
      <p>Pellentesque pede erat, tempor sed, blandit sed, convallis adipiscing, dolor. Maecenas lobortis eros sed dui. Nam dictum sapien in massa. Cras consequat, sem quis porttitor tincidunt, nulla purus tempus turpis, sit amet eleifend mi libero quis leo. Proin quam nibh, congue quis, gravida et, congue rutrum, nisl. Proin condimentum nunc at justo. Nam elit. Integer dui lorem, posuere placerat, lobortis in, fringilla tincidunt, dolor. Duis sagittis, elit vitae tincidunt faucibus, ipsum odio porttitor augue, et eleifend lacus mauris nec nisl. Proin malesuada vestibulum elit. Nulla felis justo, aliquet non, commodo nec, pellentesque nec, quam. In mauris magna, malesuada vitae, aliquam interdum, sodales quis, quam. Sed elit. Suspendisse potenti. </p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pretium tempus pede. Duis ornare tortor. Nunc porta. Duis vel ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum volutpat ante. Nulla porttitor est non diam. In urna ante, ultricies eget, pretium in, volutpat id, libero. Nulla tellus mi, lacinia quis, accumsan a, porttitor fermentum, ligula. Donec et dolor ut eros commodo mattis. Duis adipiscing dui. Cras at quam. Aenean et elit rutrum ligula fermentum imperdiet. Praesent mollis vulputate tellus. Mauris accumsan nunc a felis.</p>
      <p>Nunc ut neque. Fusce vulputate hendrerit tellus. Aenean accumsan auctor nulla. Donec interdum porttitor nisi. Fusce sollicitudin enim vitae nunc. Pellentesque sed ante. Curabitur bibendum sapien quis tellus. Praesent facilisis congue eros. Praesent aliquet dictum turpis. Morbi congue velit sit amet purus. Nulla in risus. Fusce sit amet diam ac sapien tristique eleifend. Vestibulum feugiat felis sit amet dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pulvinar. Morbi nibh.</p>
      <p>Vestibulum consequat pharetra ligula. Vestibulum metus tortor, vestibulum in, commodo at, viverra vulputate, nulla. Aenean consectetur tempus nulla. Nulla erat sem, rutrum sit amet, auctor in, rhoncus congue, pede. Nam eget pede. In blandit, enim ut placerat consequat, leo odio pellentesque turpis, vitae posuere purus enim vitae enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer tempus dui convallis quam. Curabitur ut nibh. Vivamus urna enim, gravida ac, varius vel, pharetra sed, neque. Quisque ultrices enim sed purus. Vivamus posuere. Nam quis nisi vel ante congue auctor. Etiam et leo quis justo cursus eleifend.</p>
      <p>Vestibulum consequat pharetra ligula. Vestibulum metus tortor, vestibulum in, commodo at, viverra vulputate, nulla. Aenean consectetur tempus nulla. Nulla erat sem, rutrum sit amet, auctor in, rhoncus congue, pede. Nam eget pede. In blandit, enim ut placerat consequat, leo odio pellentesque turpis, vitae posuere purus enim vitae enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer tempus dui convallis quam. Curabitur ut nibh. Vivamus urna enim, gravida ac, varius vel, pharetra sed, neque. Quisque ultrices enim sed purus. Vivamus posuere. Nam quis nisi vel ante congue auctor. Etiam et leo quis justo cursus eleifend.</p>
    </div>
  </body>
</html>
